<script>
	import Header from "@/components/Header.vue"
	export default {
		components: {
			Header
		},
		data() {
			return {
				payType: 0,
				title: "收益明细",
				invite_id:0,
				list:[]
			}
		},
		onLoad(options) {
			this.invite_id = options.invite_id
			this.lists()
		},
		methods: {
			lists(){
				var that = this
				uni.request({
					url:getApp().globalData.host+'/api/My/getInviteInfo',
					data:{
						invite_id:that.invite_id
					},
					header: {
						memberid:uni.getStorageSync('member_id'),
						membertoken:uni.getStorageSync('member_token'),
					},
					success:(r) => {
						console.log(r)
						that.list = r.data.data.list
					},
				})
			}
		}
	}
</script>
<template>
	<view class="custom-bg">

		<Header :title="title" />

		<div class="list  mt-30 bg-white" style="border-radius: 30rpx 30rpx 0 0;">
			<div class="h-130 px-30 flex between" v-for="(item,index) in list">
				<div class="fz26 text-gray-29">{{item.name}}：</div>
				<div class="fz28 text-gray-16">{{item.content}}</div>
			</div>
			<!-- <div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">当前状态：</div>
				<div class="fz28 text-gray-16">收益到账</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">收益时间：</div>
				<div class="fz28 text-gray-16">2023-11-30 13:29</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">收益类型：</div>
				<div class="fz28 text-gray-16">提供线索</div>
			</div>
			<div class="line"></div>
			<div class="h-130 px-30 flex between">
				<div class="fz26 text-gray-29">收益：</div>
				<div class="fz28 text-gray-16">4茶水费</div>
			</div> -->
		</div>


	</view>


</template>



<style>
	.custom-bg {
		min-height: 100%;
	}

	.avatar-group {
		position: relative;
	}

	page {
		height: 100%;
		background-color: #F8F8F8;
	}
</style>